<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<mate name="viewport" content="width=devic-width,initial-scake=1">
			<link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.css" />
			<script src="js/jquery-1.11.3.min.js"></script>
			<script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>
			<title></title>
	</head>

	<body>
		<div class="container" style="margin-top:10px">
			<nav class="navbar navbar-inverse">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">首页</a>
				</div>

				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#">手机数码</a>
						</li>
						<li class="active">
							<a href="#">家用电器</a>
						</li>
						<li class="active">
							<a href="#">鞋靴箱包</a>
						</li>
						<li class="active">
							<a href="#">孕婴保健</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">所有分类<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">手机数码</a>
								</li>
								<li>
									<a href="#">家用电器</a>
								</li>
								<li>
									<a href="#">鞋靴箱包</a>
								</li>
								<li>
									<a href="#">孕婴保健</a>
								</li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-right">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="请输入商品名称">
						</div>
						<button type="submit" class="btn btn-default">搜索</button>
					</form>
				</div>
			</nav>
		</div>

		<div class="container">
			<div id="carousel-example-generic" class="carousel slide">
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<div class="item active">
							<img src="img/1.png" alt="First slide">
						</div>
						<div class="item">
							<img src="img/2.jpg" alt="Second slide">
						</div>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<span id="" style="font-size:30px,padding-left:33px;">热门电子商品</span>
				<div class="row">
					<div class="col-md-2 col-sm-2 hidden-xs hidden-sm" style="height: 400px;">
						<img src="img/b6.jpg" height="100%" width="100%" />
					</div>
					<div class="col-md-10 col-sm-10 " style="padding-left:10px;">
						<div class="col-md-6 hidden-xs hidden-sm" style="height: 200px;width:480px;">
							<a href="#"><img src="img/b2.jpg" height="100%" width="100%" /></a>
						</div>
						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
							<a href="#"><img src="img/th1.png"></a>
							<a href="#">
								<p>
									<font color="gray">摄像头</font>
								</p>
							</a>
							<p>
								<font color="red">￥599</font>
							</p>
						</div>
						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
							<a href="#"><img src="img/th2.png"></a>
							<a href="#">
								<p>
									<font color="gray">遥控</font>
								</p>
							</a>
							<p>
								<font color="red">￥199</font>
							</p>
						</div>
						<div class="col-md-2 col-sm-4 col-xs-6" align="center">
							<a href="#"><img src="img/th3.png"></a>
							<a href="#">
								<p>
									<font color="gray">VR眼镜</font>
								</p>
							</a>
							<p>
								<font color="red">￥2455</font>
							</p>
						</div>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6"  align="center" style="padding-top:15px;">
						<a href="#"><img src="img/th4.png"></a>
						<a href="#">
							<p>
								<font color="gray">耳机</font>
							</p>
						</a>
						<p>
							<font color="red">￥299</font>
						</p>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6" align="center" style="padding-top:15px;">
						<a href="#"><img src="img/th5.png"></a>
						<a href="#">
							<p>
								<font color="gray">音响</font>
							</p>
						</a>
						<p>
							<font color="red">￥379</font>
						</p>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6" align="center" style="padding-top:15px;">
						<a href="#"><img src="img/th1.png"></a>
						<a href="#">
							<p>
								<font color="gray">摄像头</font>
							</p>
						</a>
						<p>
							<font color="red">￥599</font>
						</p>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6" align="center" style="padding-top:15px;">
						<a href="#"><img src="img/th1.png"></a>
						<a href="#">
							<p>
								<font color="gray">摄像头</font>
							</p>
						</a>
						<p>
							<font color="red">￥599</font>
						</p>
					</div>
					<div class="col-md-2 col-sm-4 col-xs-6" align="center" style="padding-top:15px;">
						<a href="#"><img src="img/th1.png"></a>
						<a href="#">
							<p>
								<font color="gray">摄像头</font>
							</p>
						</a>
						<p>
							<font color="red">￥599</font>
						</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container" style="margin-top: 10px;">
			<div class="row">
				<div class="hidden-md hidden-sm hidden-xs" style="padding-left: 14px;">
					<img src="img/foot.png" style=" width="100%"" />
				</div>
			</div>
		</div>
		
		<div class="container" style="margin-top: 10px;">
			<div class="row">
				<ul class="list-inline" align="center">
					<li><a href="#">关于我们</a> </li>
					<li><a href="#">联系我们</a> </li>
					<li><a href="#">法律声明</a> </li>
					<li><a href="#">广告声明</a> </li>
				</ul>
				<div style="text-align:center;margin-top: 5px;margin-bottom: 20px;">
					这是刘开新的商城，如有雷同，纯属虚构。
				</div>
			</div>
		</div>
	</body>

</html>